import React from 'react'
import "./index.css"
import Item from './Item'
export default function List({todoList}) {
  return (
    <ul className="todo-main">
      {
        //li数量不固定,需要用map来遍历进行列表渲染
        todoList.map(item=>{
          // return <Item/>  子组件Item就是每一个li,我们需要return <Item/>>
          return <Item key={item.id} {...item}/>
          //用key方法,同时展开我们的li数据{...item},
          // 这个时候就把我们item中的id ,done, todo都传进去了
          // 然后再函数组件/Item/index.jsx中就可以直接接收了
        })
      }
    </ul>
  )
}
